<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vue指令</title>
    <script src="../script/vue.js"></script>
</head>
<body>
    <!-- vue指令示例 v-bind v-model v-if v-else-if v-else v-on v-show v-for -->
     <div id="app">

        <!-- v-bind v-model -->
        <a href="https://hao.360.com/?a1004">3601</a>
        <a v-bind:href="url">3602</a>
        <a :href="url">3603</a>
        <input type="text" name="" id="" v-model="message">

        <!-- v-on -->
         <input type="button" name="按钮1" id="" v-on:click="handle()" value="按钮1">
         <input type="button" name="按钮2" id="" @click="handle" value="按钮2">

     </div>
</body>
<script>
    new Vue({
        el:"#app",
        data:{
            url : "https://hao.360.com/?a1004",
            message : "hello vue"
        },
        methods:{
            handle :function() {
                console.log("我被调用了")
                console.log("分割")
            }
        }
    })
</script>
</html>